﻿
        
/*********************************************
            table basic
*********************************************/
table.basic{width:100%;}
table.basic tr{height:40px;}
table.basic th{font-size:13px; font-weight:bold;width:120px;text-align:left;}
table.basic td{font-size:12px;}
table.basic td a{color: #0047b3;}
table.basic td .inputText{font-size:12px;color:#333; width:70%;line-height:20px;height:20px;padding:0 2px;margin:5px 0;}
table.basic td .readonly{border:none;background-color:inherit; cursor:pointer;color:#999;}
table.basic td .noborder{border:none;}
table.basic .ui-widget{font-size:12px;font-weight:bold;}
table.basic .button_set .ui-state-active{background:Green;border:1px solid green;color:#fff;font-weight:bold;}

.customFields{border-bottom:1px solid #bbb;line-height:20px;height:20px;font-size: 12px;color: #999;}
.productList{border-top:1px solid #bbb;padding:10px 0 5px 0;margin:5px 0 5px 0;font-size:13px;}

        
/*********************************************
            table index
*********************************************/    
table.index{width:100%;}
table.index tr {text-align:center;}
table.index td {vertical-align: top;font-size: 12px;padding:12px 0;height: 55px;border-bottom: 1px solid #ddd;}
table.index td.imageColumn{padding: 11px 0px 0px 0px;}
table.index td.imageColumn div{border: 1px solid #DDD;width:50px;text-align:center;}
table.index td.checkboxColumn{padding:12px;}
table.index td.detailColumn{width:100%;text-align:left;padding-left:12px;}
table.index td div.inner{text-align:left;}
table.index tr.selected{background-color:#FFC;}
table.index td h3{font-size:15px;line-height:18px;}
table.index td h6{color: #888;line-height:18px;font-size:12px;}
table.index td .l1content {line-height:18px;font-size:14px;display: block;color: #333;}
table.index td .l1content .category{color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding: 1px 4px;}
table.index td .l1content .category.add{background-color:#4bb84b;}
table.index td .l1content .category.modify{background-color:#7d7dfc;}
table.index td .l1content .category.delete{background-color:#e86464;}
table.index td .l2content{text-decoration: none;color: #777;line-height:18px;font-size:12px;}
table.index td .product {color: #555;line-height:20px;font-size:12px;font-weight:bold;padding-left:18px;background: url(../image/tick-icon.png) no-repeat;}
table.index td .product b{ text-decoration: underline;}
table.index td .green{color:Green;}
table.index td .tags {line-height:18px;margin-top:4px;}
table.index td .tags a{border: 1px solid #b4d5f1;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;margin-right:6px;
                       padding: 0 6px;cursor:pointer;font-size: 12px;text-decoration: none;background-color: #EBF2F4;} 

table.mini{border-top:1px solid #ddd;}
table.mini td{vertical-align: top;font-size: 12px;padding:6px 0;border-bottom: 1px solid #ddd;height:auto;}
table.mini td.imageColumn {width:30px;text-align:center;padding: 6px 0px 0px 0px;}
table.mini td.imageColumn div{border:0px;width:20px;}
table.mini td .l2content{font-size:11px;}

#page_header table h3{line-height:24px;}
#page_header table h6{line-height:16px;padding-top:4px;font-weight: normal;}

/*********************************************
            the word style for table
*********************************************/
.display{font-size: 12px;border: 0px;text-align: left;width: 100%;}
.display th{border:0px;background-color:#dee3f5;color: #444;font-weight: normal;font-size:13px;line-height:20px;
        padding: 5px;border-bottom: 1px solid #6678B1;font-weight:bold;text-align:left;}
.display td {border:0px;padding: 2px 5px;border-bottom: 1px solid #BCD2E6;line-height:20px;}
.display tr:hover td {background: none repeat scroll 0 0 #FFDDAA;color: #003399;}
.display tr.empty td{border: 1px solid #BCD2E6;text-align:center;color:Red;} 